<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>关于本站</title>
    <link data-filtered="filtered" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"
          rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <link href="../static/css/index.css" rel="stylesheet">
    <script src="../static/js/index.js"></script>
</head>
<body>
<!-- 导航栏 -->
<nav class="ui inverted attached segment grid check-all">
    <div class="ui three wide column header-text">
        <h2 class="ui header teal">倾心Yatoli</h2>
    </div>
    <div class="ui thirteen wide column">
        <div class="ui secondary pointing inverted menu">

            <a class="item" href="./index.html"><i class="home icon"></i> 网站首页</a>
            <a class="item" href="./article.html"><i class="file alternate icon"></i> 文章专栏</a>
            <a class="item" href="./archive.html"><i class="calendar alternate outline icon"></i> 归档处理</a>
            <a class="item" href="./404.html"><i class="pencil alternate icon"></i> 等待开发</a>
            <a class="active item" href="./about.html"><i class="paper plane outline icon"></i> 关于本站</a>
            <div class="right menu">
                <div class="item">
                    <div class="ui inverted transparent icon input">
                        <input placeholder="等待开发..." type="text">
                        <i class="search link icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>

<!-- 内容页 -->
<div class="ui grid">

    <!-- 左侧留白 -->
    <div class="three wide column check-all">

    </div>

    <!-- 内容栏 -->
    <div class="ten wide column check-all">
        <div class="ui teal three item menu">
            <a class="active item" href="./about.html">关于博客</a>
            <a class="item" href="./author.html">关于作者</a>
            <a class="item" href="./404.html">等待开发...</a>
        </div>
        <div class="ui segment container check-all">
            <div>
                <img alt="" class="ui centered medium circular image" src="../static/image/1640715550304.jpeg">
            </div>
            <div>
                <h1 class="ui header">倾心Yatoli Blog</h1>
            </div>
            <div>
                <h4 class="ui header grey">一个Java小白的个人博客，记录一些学习中值得记录的工具&代码</h4>
            </div>
            <div class="ui inverted section divider"></div>
            <div class="ui container center aligned">
                <div>
                    <a class="item" href="./index.html"><i class="big home icon"></i></a>
                    <a class="item" href="./article.html"><i class="big file alternate icon"></i></a>
                    <a class="item" href="./archive.html"><i class="big calendar alternate outline icon"></i></a>
                </div>
                <div>
                    <h4 class="ui horizontal divider header">博客简介</h4>
                </div>
            </div>

            <div class="ui container check-all grid">
                <div class="one wide column">

                </div>
                <div class="fourteen wide column">
                    <div class="ui center aligned">
                        <p>
                            倾心Yatoli Blog是一个由个人开发的博客网站，后端使用SpringBoot+Mybatis+security，前端框架使用semanticUI+LayUI。
                            诞生于2022年01月25日。本站采用阿里云提供的服务器ECS和阿里云的存储对象OSS。
                        </p>
                    </div>
                    <div class="blog-versions">
                        <div>
                            <div class="ui items">
                                <div class="item">
                                    <div class="content">
                                        <h3 class="header">第一个版本</h3>
                                        <div class="description">
                                            <p>
                                                前端使用的是一个基于Bootstarp的一个前端模板，感觉页面比较简单且布局生硬。当时没想太多，主要是个人爱好写着玩。
                                                接着购买了服务器，域名，开始制作。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div class="ui items">
                                <div class="item">
                                    <div class="content">
                                        <h3 class="header">第二个版本</h3>
                                        <div class="description">
                                            <p>
                                                闲逛各位开发大佬的个人博客时发现Absolutely的网站简洁的风格让我很是喜欢，对比一下发现自己的简直low的不行，
                                                于是移除Bootstrap，引入Layui并加入了Animate.css的动画效果，视觉体验稍有提高。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div class="ui items">
                                <div class="item">
                                    <div class="content">
                                        <h3 class="header">当前版本</h3>
                                        <div class="description">
                                            <p>1.优化用户留言、回复功能</p>
                                            <p>2.优化首页文章列表</p>
                                            <p>3.优化文章详情页面的图片放大预览功能</p>
                                            <li>目前大体的功能已经完成，后续将会继续完善功能和页面的优化！</li>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <h3>The End</h3>
                        </div>
                    </div>
                </div>
                <div class="one wide column">

                </div>
            </div>
        </div>
    </div>


    <!-- 右侧留白 -->
    <div class="three wide column check-all">

    </div>
</div>


<!-- 页脚栏 -->
<footer class="ui inverted attached divided vertical segment footer-padding check-all">
    <div class="ui inverted divided grid">
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">项目参考</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="https://spring.io/">SpringBoot</a>
                <a class="ui item" href="https://semantic-ui.com/introduction/getting-started.html">Semantic</a>
                <a class="ui item" href="https://layui.org.cn/">Layui</a>
                <a class="ui item" href="http://apenixx.top/article/index/1">ApeNixX</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">最新博客</h4>
            <div class="ui inverted link list">
                <a class="ui item" href="./404.html">等待开发</a>
            </div>
        </div>
        <div class="ui center aligned three wide column">
            <h4 class="ui inverted header ">联系我们</h4>
            <div class="ui inverted link list">
                <p class="ui item" href="">Email：921108257@qq.com</p>
                <p class="ui item" href="">WeChat：Adore921108257</p>
                <p class="ui item" href="">QQ：921108257</p>
            </div>
        </div>
        <div class="ui center aligned seven wide column">
            <h4 class="ui inverted header ">精美语句</h4>
            <p>
                理想不是现成的粮食，而是一粒种子，需要你去播种，培育；理想不是壮美的画卷，而是一张白纸，需要你去描绘，渲染；理想不是葱茏的绿洲，而是一片荒漠，需要你去开垦，改造。
            </p>
        </div>

    </div>
    <div class="ui inverted section divider"></div>
    <p class="header-text">Copyright© 2022 - 2023 AdoreYatoliDesign By HJL</p>
</footer>
</body>
</html>